<template>
	<div>
		<template v-for="(item,index) in truckParamInfo">	
			<h5 class="lhh40 pl10 fs14 c333 bg_white" :id="'element' + index">{{item.name}}</h5>
			<table  width="100%"  border="1" cellspacing="0" cellpadding="0" border-collapse="collapse">
				<tr v-for="(item,i) in item.value" height="40">
					<td width="26%" class="fs12">{{item.name}}</td>
					<td width="37%" class="bg_white typo_black0" >{{item.value}}</td>
					<td width="37%" class="bg_white typo_black0" >{{compareTruckInfo[index] && compareTruckInfo[index].value[i] && compareTruckInfo[index].value[i].value}}</td>
				</tr>
			</table>
		</template>
	</div>
</template>

<script>
	export default {
		data () {
			return {
				config:[
					{name:'驱动形式',value:'4X2'},
					{name:'发动机',value:'牛逼的发动机'},
					{name:'最大马力',value:'460马力'},
					{name:'前进档位',value:'12档'},
				]
			}
		},
		props:{
			truckParamInfo:{
				type:Array,
				default:{
					params:[]
				}
			},
			compareTruckInfo:{
				type:Array,
				default:{
					params:[]
				}
			},
		}
	}
</script>

<style lang = 'scss' scoped>
	
</style>